<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Bui Anh Khoa" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/register.css" rel="stylesheet" type="text/css" />
	<title>Untitled 2</title>
</head>

<body>


<div id="formsignup">
	<fieldset style="float:right; margin-right:30px; width:25%;padding:15px 10px 20px 10px">
		<legend>Quyền lợi của thành viên</legend>
		<ul>
			<li>
			- Sau khi đang ký làm thành viên của Hiếu học, Bạn sẽ được sử dụng những tiện ích của chúng tôi để phục vụ cho việc học tập và cập nhật tin tức.
			</li>
			
			<li>
			- Để chúng tôi có thể truyền tải thông tin và dịch vụ 1 cách chính xác và 	nhanh chóng, bạn nên điền chính xác và đầy đủ thông tin cá nhân.
			</li>
			
			<li>
			- Để sử dụng chức năng đăng ký khoá học trực tuyến bạn vui lòng điền đầy đủ thông tin liên lạc sau khi đăng ký thành công.
			</li>
			
			<li>
			- Hiếu học cam kết không sử dụng thông tin riêng tư nếu chưa được sự đồng ý của thành viên.
			</li>
			
			<li>
			<b>Lưu ý:</b> Để hoàn thành đăng ký thành viên trên website Hiếu học , bạn sẽ phải kích vào link xác nhận trên email, và mọi thông tin liên quan đến tài khoản của bạn sẽ được gửi qua email , vì thế bạn nên cung cấp email thường dùng nhất. 
			</li>
		
		</ul>
		
	</fieldset>
	
    <form method="post" action="" id="frmSignUp" name="frmSignUp">
		
	<fieldset style="width:55%; border:#999999 1px solid; padding:15px 40px 20px 10px; margin:15px 0px 0px 50px;">
	
	<legend>Thông tin đăng nhập</legend>
	
	 <p style="color: #999999; margin:5px 0px 5px 10px;">
		<i>Trường có dấu <span style="color:red;">*</span> cần phải có giá trị </i>
	 </p>
	 
	<table name="tblSignUp" id="tblSignUp">
              <!--DWLayoutTable-->
                <tbody><tr>
                  <td height="15" valign="top" colspan="2">
				 	 <span style="margin-left:10px;">
					 Email<span style="color:red;"> *</span> 
					 </span>		
				  </td>
                </tr>
				
                <tr>
                  <td height="21" width="237" valign="top">
				  	<input type="text" maxlength="150" value="" id="txtEmail" name="txtEmail">
				  </td>
				  
                 <td width="215" valign="top">
				 <div style="margin-left:30px;" id="email_error">
									</div>
				
				 </td>
				 
                </tr>
				
                <tr>
                  <td height="26" valign="top" colspan="2">
				  	<span style="color: #999999; margin-left:10px;">
						<i>Mọi thông tin liên quan đến tài khoản của bạn sẽ được gửi qua email này</i> 
					</span>
				  </td>
                </tr>
				
                <tr>
                  <td height="16" valign="top" colspan="2">
					 <span style="margin-left:10px;">
					  	Mật khẩu <span style="color:red;">*</span>
					  </span> 
				  </td>
                </tr>
                
                <tr>
                  <td height="31" valign="top">
				  	<input type="password" maxlength="50" id="txtPassword" name="txtPassword">
				  </td>
				  
                  <td valign="top">
				  	<div style="margin-left:30px;" id="errorNewPass"></div>
				  </td>
                </tr>
				
                <tr>
                  <td height="16" valign="top" colspan="2">
				  	<span style="margin-left:10px;">
						Xác nhận mật khẩu <span style="color:red;">*</span>
					</span> 
				  </td>
                </tr>
                
                <tr>
                  <td height="26" valign="top">
				  <input type="password" maxlength="50" id="txtConPassword" name="txtConPassword">
				  </td>
				  
                  <td width="70%" valign="top">
				  	<div style="margin-left:30px;" id="errorConfirmPass"></div>
				  </td>
                </tr>
                
    </tbody></table>
			
	</fieldset>
		
	<fieldset style="width:55%;border:#999999 1px solid; padding:15px 40px 20px 10px; margin:15px 0px 0px 50px;">
		<legend>Thông tin cá nhân</legend>

		<p style="color:#999999;margin:5px 0px 10px 10px;">
			<i>Điền chính xác và đầy đủ thông tin cá nhân của bạn để đảm bảo quyền lợi từ thông tin và dịch vụ tại Hiếu Học </i>  
		</p>	
		
		<table width="464" name="tblPersonalInfo" id="tblPersonalInfo">
              <!--DWLayoutTable-->
                <tbody><tr>
                  <td height="16" width="279" valign="top">
				  <span style="margin-left:10px;">
				  	Họ và Tên  <span style="color:red;">*</span>
				  </span>
				  </td>
                </tr>
				
                <tr>
                  <td height="30" valign="top">
				  		<input type="text" maxlength="100" value="" id="txtFullName" name="txtFullName">
				  </td>
				  
                  <td valign="top" colspan="3">
				  	<div style="margin-left:20px;" id="fullName_error"></div>
				  </td>
                </tr>
				
				 <tr>
                  <td height="16" width="279" valign="top">
				  <span style="margin-left:10px;">
				  	Ngày sinh 
				  </span>
				  </td>
                </tr>
				
                <tr>
                  <td height="30" valign="top">
				  
				 		
				<select style="margin-left:10px; width:15%;" id="day" name="day">
											<option value="1">
							1						</option>
											<option value="2">
							2						</option>
											<option value="3">
							3						</option>
											<option value="4">
							4						</option>
											<option value="5">
							5						</option>
											<option value="6">
							6						</option>
											<option value="7">
							7						</option>
											<option value="8">
							8						</option>
											<option value="9">
							9						</option>
											<option value="10">
							10						</option>
											<option value="11">
							11						</option>
											<option value="12">
							12						</option>
											<option value="13">
							13						</option>
											<option value="14">
							14						</option>
											<option value="15">
							15						</option>
											<option value="16">
							16						</option>
											<option value="17">
							17						</option>
											<option value="18">
							18						</option>
											<option value="19">
							19						</option>
											<option value="20">
							20						</option>
											<option value="21">
							21						</option>
											<option value="22">
							22						</option>
											<option value="23">
							23						</option>
											<option value="24">
							24						</option>
											<option value="25">
							25						</option>
											<option value="26">
							26						</option>
											<option value="27">
							27						</option>
											<option value="28">
							28						</option>
											<option value="29">
							29						</option>
											<option value="30">
							30						</option>
											<option value="31">
							31						</option>
						   			</select>
				
			 	<select style="width:15%;" id="month" name="month">
											<option value="1">
							1						</option>
											<option value="2">
							2						</option>
											<option value="3">
							3						</option>
											<option value="4">
							4						</option>
											<option value="5">
							5						</option>
											<option value="6">
							6						</option>
											<option value="7">
							7						</option>
											<option value="8">
							8						</option>
											<option value="9">
							9						</option>
											<option value="10">
							10						</option>
											<option value="11">
							11						</option>
											<option value="12">
							12						</option>
						    		</select>
				
			 	 <select style="width:20%;" id="year" name="year">
				 							<option value="1960">
							1960						</option>
											<option value="1961">
							1961						</option>
											<option value="1962">
							1962						</option>
											<option value="1963">
							1963						</option>
											<option value="1964">
							1964						</option>
											<option value="1965">
							1965						</option>
											<option value="1966">
							1966						</option>
											<option value="1967">
							1967						</option>
											<option value="1968">
							1968						</option>
											<option value="1969">
							1969						</option>
											<option value="1970">
							1970						</option>
											<option value="1971">
							1971						</option>
											<option value="1972">
							1972						</option>
											<option value="1973">
							1973						</option>
											<option value="1974">
							1974						</option>
											<option value="1975">
							1975						</option>
											<option value="1976">
							1976						</option>
											<option value="1977">
							1977						</option>
											<option value="1978">
							1978						</option>
											<option value="1979">
							1979						</option>
											<option value="1980">
							1980						</option>
											<option value="1981">
							1981						</option>
											<option value="1982">
							1982						</option>
											<option value="1983">
							1983						</option>
											<option value="1984">
							1984						</option>
											<option value="1985">
							1985						</option>
											<option value="1986">
							1986						</option>
											<option value="1987">
							1987						</option>
											<option value="1988">
							1988						</option>
											<option value="1989">
							1989						</option>
											<option value="1990">
							1990						</option>
											<option value="1991">
							1991						</option>
											<option value="1992">
							1992						</option>
											<option value="1993">
							1993						</option>
											<option value="1994">
							1994						</option>
											<option value="1995">
							1995						</option>
											<option value="1996">
							1996						</option>
											<option value="1997">
							1997						</option>
											<option value="1998">
							1998						</option>
											<option value="1999">
							1999						</option>
						   			 </select>
				 
				  <span style="margin:0px 0px 0px 80px;"><span style="color:red">*</span>:</span></td>
				  
                  <td valign="top" colspan="3">
				  	<div style="margin-left:20px;" id="fullName_error"></div>
				  </td>
                </tr>
				
                <tr>
                  <td height="16" valign="top" colspan="3">
				  	<span style="margin-left:10px;">
				  		Trình độ học vấn
					</span>
				  </td>     
                </tr>
				
                <tr>
                  <td height="30" valign="top" colspan="3">
                      <select id="slEducation" name="sltEducation">              
													<option value="1">
							Sau đại học							</option>	
													<option value="2">
							Đại học							</option>	
													<option value="3">
							Cao đẳng 							</option>	
													<option value="4">
							Trung cấp 							</option>	
													<option value="5">
							Phổ Thông Trung Học 							</option>	
											 </select>                   
				  </td>
				  
                </tr>
				
                <tr>
                  <td height="16" valign="top" colspan="3">
				  	 <span style=" margin-left:10px;">	
						Ngành nghề bạn đang học hoặc quan tâm
					 </span>
				  </td>
                </tr>
				
                <tr>
                    <td height="30" valign="top" colspan="2">
                      <select onchange="checkMajor();" id="major" name="major">
                      *:
												  <option value="1">
						  Bán hàng						  </option>	
												  <option value="2">
						  Báo chí 						  </option>	
												  <option value="3">
						  Bảo hiểm						  </option>	
												  <option value="4">
						  Bất động sản						  </option>	
												  <option value="5">
						  Biên phiên dịch						  </option>	
												  <option value="6">
						  Cơ khí / Điện tử						  </option>	
												  <option value="7">
						  Chăm soc sức khỏe / Y tế						  </option>	
												  <option value="8">
						  CNTT - Phần cứng						  </option>	
												  <option value="9">
						  CNTT - Phần Mềm						  </option>	
												  <option value="10">
						  Dầu khí / Khoáng sản						  </option>	
												  <option value="11">
						  Dịch vụ khách hàng						  </option>	
												  <option value="12">
						  Du lịch / Khách sạn						  </option>	
												  <option value="13">
						  Dược / Công nghệ sinh học						  </option>	
												  <option value="14">
						  Giáo dục / Đào tạo / Thư viện						  </option>	
												  <option value="15">
						  Hành chánh / Thư ký						  </option>	
												  <option value="16">
						  Hóa chất / Sinh hóa						  </option>	
												  <option value="17">
						  Kế toán/ Kiểm toán						  </option>	
												  <option value="18">
						  Kiến trúc						  </option>	
												  <option value="19">
						  Ngân hàng						  </option>	
												  <option value="20">
						  Nghệ thuật / Thiết kế						  </option>	
												  <option value="21">
						  Nhân sự						  </option>	
												  <option value="22">
						  Quản trị kinh doanh 						  </option>	
												  <option value="23">
						  Quảng cáo / Tiếp thị						  </option>	
												  <option value="24">
						  Tài chính						  </option>	
												  <option value="25">
						  Tư vấn						  </option>	
												  <option value="26">
						  Viễn thông						  </option>	
												  <option value="27">
						  Xây dựng						  </option>	
												  <option value="28">
						  Xuất nhập khẩu						  </option>	
												  <option value="29">
						  Học sinh						  </option>	
							
						<option value="0">Khác</option>
					
					 </select>  
					   
				   </td>
                    <td valign="top" colspan="2">
						<div id="major_error"></div>
					</td>
               </tr>	 
			   
               <tr>
                  <td height="30" valign="top" colspan="2">
				  <div id="otherMajor">
				  		Ngành Nghề Khác
					      <span style="color:red;">*</span><br>
					<input type="text" maxlength="150" value="" id="txtotherMajor" name="otherMajor"> 
				  </div>                
				  </td>
            
			        
				  <td valign="top" colspan="2">
					<div style="margin-left:15px; margin-top:20px;" id="errorMajor"></div>	
				  </td>
              </tr>
				
                <tr>
                  <td height="16" valign="top" colspan="3">
				  	<span style="margin-left:10px;">
				  		Nơi làm việc/sinh sống
					</span>
				  </td>
				    
                </tr>
				
                <tr>
                   <td height="30" valign="top" colspan="3">
                 <select onchange="checkCity();" id="city" name="city">
                 *:
											<option value="1">
						Hồ Chí Minh 						</option>	
											<option value="2">
						Hà Nội						</option>	
											<option value="3">
						DBSCL 						</option>	
											<option value="4">
						An Giang						</option>	
											<option value="5">
						Bà Rịa 						</option>	
											<option value="6">
						Bắc Cạn						</option>	
											<option value="7">
						Bắc Giang 						</option>	
											<option value="8">
						Bạc Liêu						</option>	
											<option value="9">
						Bắc Ninh 						</option>	
											<option value="10">
						Bến Tre						</option>	
											<option value="11">
						Biên Hoà 						</option>	
											<option value="12">
						Bình Định						</option>	
											<option value="13">
						Bình Dương 						</option>	
											<option value="14">
						Bình Phước						</option>	
											<option value="15">
						Bình Thuận 						</option>	
											<option value="16">
						Cà Mau						</option>	
											<option value="17">
						Cần Thơ 						</option>	
											<option value="18">
						Cao Bằng						</option>	
											<option value="19">
						Đà Nẵng 						</option>	
											<option value="20">
						Đắc Lắc						</option>	
											<option value="21">
						Điện Biên 						</option>	
											<option value="22">
						Đồng Nai						</option>	
											<option value="23">
						Đồng Tháp						</option>	
											<option value="24">
						Gia Lai						</option>	
											<option value="25">
						Hà Giang 						</option>	
											<option value="26">
						Hà Nam						</option>	
											<option value="27">
						Hà Tây						</option>	
											<option value="28">
						Hà Tĩnh						</option>	
											<option value="29">
						Hải Dương						</option>	
											<option value="30">
						Hải Phòng						</option>	
											<option value="31">
						Hoà Bình 						</option>	
											<option value="32">
						Huế						</option>	
											<option value="33">
						Hưng Yên						</option>	
											<option value="34">
						Khánh Hoà						</option>	
											<option value="35">
						Kon Tum						</option>	
											<option value="36">
						Lai Châu						</option>	
											<option value="37">
						Lâm Đồng 						</option>	
											<option value="38">
						Lạng Sơn						</option>	
											<option value="39">
						Lào Cai						</option>	
											<option value="40">
						Long An						</option>	
											<option value="41">
						Nam Định						</option>	
											<option value="42">
						Nghệ An						</option>	
											<option value="43">
						Ninh Bình 						</option>	
											<option value="44">
						Ninh Thuận						</option>	
											<option value="45">
						Phú Thọ						</option>	
											<option value="46">
						Phú Yên						</option>	
											<option value="47">
						Quãng Bình						</option>	
											<option value="48">
						Quãng Nam						</option>	
											<option value="49">
						Quãng Ngãi						</option>	
											<option value="50">
						Quãng Ninh						</option>	
											<option value="51">
						Quãng Trị						</option>	
											<option value="52">
						Sóc Trăng						</option>	
											<option value="53">
						Sơn La						</option>	
											<option value="54">
						Tây Ninh 						</option>	
											<option value="55">
						Thái Bình						</option>	
											<option value="56">
						Thái Nguyên						</option>	
											<option value="57">
						Thanh Hoá						</option>	
											<option value="58">
						Thừa Thiên Huế						</option>	
											<option value="59">
						Tiền Giang						</option>	
											<option value="60">
						Trà Vinh						</option>	
											<option value="61">
						Tuyên Quang						</option>	
											<option value="62">
						Kiên Giang						</option>	
											<option value="63">
						Vĩnh Long						</option>	
											<option value="64">
						Vĩnh Phúc 						</option>	
											<option value="65">
						Vũng Tàu						</option>	
											<option value="66">
						Yên Bái						</option>	
					 
						<option value="0">Khác</option>        
                  </select>                    
				  </td>
                </tr>
				
                <tr>
                    <td height="24" valign="top" colspan="3">
					
					 <div id="otherCity">
						Nơi khác <span style="color:red;">*</span><br>
						<input type="text" maxlength="200" value="" id="txtotherCity" name="otherCity">          		
					</div>
					</td>
                    <td valign="top">
						<div style=" margin-left:5px; margin-top:15px;" id="errorCity"></div>
					</td>
					
                </tr>	
					
    </tbody></table>
	
	</fieldset>
		<br><br>
		<span style="margin:0px 0px 0px 80px;">
			Mã bảo mật <span style="color:red">*</span>:
		</span>
		
					<br>
					          
		 <span style="margin:20px 0px 10px 80px;">
		 	<input type="text" maxlength="5" id="txtCaptcha" name="txtCaptcha">
            <img title="Mã bảo mật" alt="Không lấy được mã bảo mật" src="http://www.hieuhoc.com/inc/random-image.php">   
		</span>				
		<br><br>
		
	  <span style="margin:30px 0px 0px 80px;">
			<input type="checkbox" id="ckbAgree" name="ckbAgree">
          Tôi đã xem <a target="_blank" href="thoathuansudung.html">thoả thuận sử dụng</a> của Hiếu Học và đồng ý với các quy định đó		</span>	
		<br>
		<br>	
			
		<input type="button" onmouseout="this.className='Button'" onmouseover="this.className='ButtonPress'" class="Button" style="margin:10px 0px 20px 300px;" onclick="checkFormRegister('http://www.hieuhoc.com/signup/Submit');" value="Đăng ký" name="btnSubmit">		        
							
      </form>      
    </div>
    
    
    